<template>
	<ul class="model clearfix">
		<li>
			<router-link to="/books">
				<svg class="icon" aria-hidden="true"><use xlink:href="#icon-book-2"></use></svg>
				<div class="model--tip">书籍</div>
			</router-link>
		</li>
		<li>
			<router-link to="/clothes">
				<svg class="icon" aria-hidden="true"><use xlink:href="#icon-faxianyiwu"></use></svg>
				<div class="model--tip">衣物</div>
			</router-link>
		</li>
		<li>
			<router-link to="/phone">
				<svg class="icon" aria-hidden="true"><use xlink:href="#icon-shouji2"></use></svg>
				<div class="model--tip">手机平板</div>
			</router-link>
		</li>
		<li>
			<a href="#">
				<svg class="icon" aria-hidden="true"><use xlink:href="#icon-shiwuqimin"></use></svg>
				<div class="model--tip">厨具</div>
			</a>
		</li>
		<li>
			<a href="#">
				<svg class="icon" aria-hidden="true"><use xlink:href="#icon-peijian"></use></svg>
				<div class="model--tip">电脑配件</div>
			</a>
		</li>
		<li>
			<a href="#">
				<svg class="icon" aria-hidden="true"><use xlink:href="#icon-qiuzhuxinxi"></use></svg>
				<div class="model--tip">帮助</div>
			</a>
		</li>
		<li>
			<a href="#">
				<svg class="icon" aria-hidden="true"><use xlink:href="#icon-wicon-fang-wu-zu-lin-copy"></use></svg>
				<div class="model--tip">租房</div>
			</a>
		</li>
		<li>
			<a href="#">
				<svg class="icon" aria-hidden="true"><use xlink:href="#icon-yonganxing-on"></use></svg>
				<div class="model--tip">车子</div>
			</a>
		</li>
		<li>
			<a href="#">
				<svg class="icon" aria-hidden="true"><use xlink:href="#icon-wifi2"></use></svg>
				<div class="model--tip">wifi出租</div>
			</a>
		</li>
		<li>
			<a href="#">
				<svg class="icon" aria-hidden="true"><use xlink:href="#icon-tubiao_qita"></use></svg>
				<div class="model--tip">其他</div>
			</a>
		</li>


	</ul>
</template>

<script>
	export default {

	}
</script>

<style scoped lang="scss">
	.model {
		padding: $com-padding-lr-base;
		border-bottom: $split-line;
		li {
			width: 20%;
			text-align: center;
			float: left;
			svg {
				@include classify-size;
			}
		}
		li:nth-of-type(n+6) {
			margin-top: rem(20);
		}
	}
	.model--tip {
		margin-top: rem(4);
		font-size: $font-xs;
		color: $gray;
	}
</style>